<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Sell-Bost</title>
<link rel="stylesheet" type="text/css" href="/SellBostMySQL/faces/jsfcrud.css" />
        <link rel="stylesheet" href="css/layout.css" type="text/css" />
    </h:head>

    <body id="top">

        <div class="wrapper">
            <div id="header">
                <div id="logo">
                    <img src="Images/logo.jpg" align="left" style="margin: 10px 10px 0px 10px"/>
                    <h1><a href="#">Sell-Boost</a></h1>
                    <p>D.H.D. Software</p>
                </div>

                <div id="topnav">
                    <ul>
                        <li class="active"><a href="index.xhtml">Home</a></li>       
                    </ul>
                    <div>
                        <h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">     
                            <p:commandButton id="loginButton" value="Ingresar"/>   
                        </h:outputLink>
                    </div>
                </div>
            </div>
            <br class="clear" />
        </div>


        <div class="wrapper">
            <div style="margin: 10px 155px 10px 155px">
             <p:panel>
                <f:facet name="header">  
                    <center><h3>Bienvenido</h3></center>
                </f:facet> 
                <center>
                    <div class="gallery">
                        <p:galleria value="#{galleriaBean.images}" var="image" panelHeight="320" panelWidth="520">
                            <p:graphicImage value="Images/#{image}" />
                        </p:galleria>
                    </div>
                </center>
                <p:growl id="growl" showDetail="true" life="3000" /> 
                <p:dialog id="dialog" header="Ingreso" widgetVar="dlg">
                    <h:form>
                        <h:panelGrid columns="2" cellpadding="5">
                            <h:outputLabel for="#{loginBean.username}" value="UserName"/>
                            <p:inputText value="#{loginBean.username}" id="username" required="true" label="UserName"/>

                            <h:outputLabel for="#{loginBean.password}" id="password" required="true" value="Password"/>
                            <h:inputSecret value="#{loginBean.password}"/>

                            <h:commandButton type="submit" value="Login" action="#{loginBean.login()}"></h:commandButton> 
                        </h:panelGrid>
                    </h:form>
                </p:dialog>

                <script type="text/javascript">
                    function handleLoginRequest(xhr, status, args) {
                        if(args.validationFailed || !args.loggedIn) {
                            jQuery('#dialog').effect("shake", { times:3 }, 100);
                        } else {
                            dlg.hide();
                            jQuery('#loginLink').fadeOut();
                        }
                    }
                </script>

                <br class="clear" />
             </p:panel>
            </div>
        </div>

        <div class="wrapper">
            <div id="footer">
                <div id="newsletter">
                    <h2>¡ Contáctenos !</h2>
                    <p>Por favor ingrese su correo para agregarlo a nuestra lista de E-mails</p>
                    <form action="#" method="post">
                        <fieldset>
                            <legend>News Letter</legend>
                            <input type="text" value="Ingrese su correo aca&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
                            <input type="submit" name="news_go" id="news_go" value="IR" />
                        </fieldset>
                    </form>
                    <p>Para anular la suscripción <a href="#">click aqui por favor &raquo;</a></p>
                </div>
                <div class="footbox">
                    <h2>Conózcanos</h2>
                    <ul>
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/home">D.H.D.</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/la-empresa">La empresa</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/the-team">Grupo de trabajo</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/Definicin-del-Proyecto">El proyecto</a></li> 
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper">
            <div id="copyright">
                <p class="fl_left">Copyleft 2012 <a href="#">Sell-Boost</a></p>
                <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
                <br class="clear" />
            </div>
        </div>
                    <h:form>
                    <h:commandLink action="#{empleado.listSetup}" value="Show All Empleado Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="#{empresa.listSetup}" value="Show All Empresa Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="#{usuario.listSetup}" value="Show All Usuario Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="#{gerente.listSetup}" value="Show All Gerente Items"/>
                </h:form>
</body>




</html>
